/**
 *
 *
 * @author tangzehua
 * @since 2016-11-14 22:47
 */
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ScrollView,
    Image,
    Dimensions,
    TouchableOpacity
} from 'react-native';

import Awesome from 'react-native-vector-icons/FontAwesome';

let {width, height} =  Dimensions.get('window');

export default  class Rednormal extends Component{

    _xinList(){
        var array = [];
        for(var i = 0 ;i < 5; i++){
            if(i<3){
                var obj = <Image source={require('./../img/red_xin.png')} style={styles.xin}/>;
            }else{
                var obj = <Image source={require('./../img/cold_xin.png')} style={styles.xin}/>;
            }

            array.push(obj);
        }
        return array;
    }
    render(){
        return (
            <View style={{flex:1, flexDirection:'column',backgroundColor:'#fefaef',alignItems:'center'}}>
                <Awesome name="fa-question-circle" style={{ paddingLeft: 15,fontSize:31,color:'#c8c8c8' }}/>
                <View style={{justifyContent:'center',alignItems:'center'}}><Text style={{ color:'#9f9f9f',fontSize:30,paddingTop:10,paddingBottom:8}}>每日红包</Text></View>
                <View style={{flexDirection:'row',justifyContent:'center', alignItems:'center'}}>
                    {this._xinList()}
                </View>
                <View style={{borderColor:'#cc9136',borderWidth:1,marginTop:10,borderRadius:30,width:width*0.6,alignItems:'center'}}>
                    <Text style={{fontSize:12, color:'#cc9136',padding:6,paddingLeft:20,paddingRight:20}}>回血倒计时: 00:00:00</Text>
                </View>

            </View>
        );
    };
}

const styles = {
    xin:{
        width:25,
        height:25,
        marginLeft:6,
        marginRight:6
    }
};